<template>
  <el-card class="key-wrap">
    <el-row>
      <el-col :xs="24" :md="12" class="caed-pad">
        <Card title="索搜用户数" value="113,918" />
      </el-col>
      <el-col :xs="24" :md="12">
        <Card title="索搜量" value="214,215" />
      </el-col>
    </el-row>
    <!-- :data="tableData" -->
    <el-table stripe :data="[{},{},{},{},{},{}]">
      <el-table-column type="index" label="排名" width="180" />
      <el-table-column prop="name" label="关键字" width="180" />
      <el-table-column prop="address" label="搜索数量" />
      <el-table-column prop="address" label="搜索用户数" />
      <el-table-column prop="address" label="搜索占比" />
    </el-table>
    <el-pagination layout="prev, pager, next" :total="100" />
  </el-card>
</template>

<script lang="ts">
export default {
  name: "SearchKey",
};
</script>

<script lang="ts" setup>
import Card from "./Card.vue";
</script>

<style scoped>
.key-wrap {
  margin-top: 20px;
}

.caed-pad {
  padding-right: 10px;
}
</style>